// const { defineConfig } = require('@vue/cli-service')
// module.exports = defineConfig({
//   transpileDependencies: true,
//   //适配屏幕大小
//   css: {
//     loaderOptions: {
//       postcss: {
//         postcssOptions: {
//           plugins: [
//             require('postcss-pxtorem')({ //这里是配置项，详见官方文档
//               rootValue: 100, // 换算的基数
//               selectorBlackList: ['weui', 'mu'], // 忽略转换正则匹配项
//               propList: ['*'],
//             }),
//           ]
//         }
//       }
//     }
//   }
// })
const { defineConfig } = require('@vue/cli-service')
// 引入等比适配插件
const pxToRem = require('postcss-pxtorem');
// 配置基本大小
const postcss = pxToRem({
  // rootValue({ file }) {
  //   return file.indexOf('vant') !== -1 ? 37.5 : 75;
  // },
  // rootValue: 37.5, // 表示根元素字体大小或根据input参数返回根元素字体大小
  rootValue: 192, // 表示根元素字体大小或根据input参数返回根元素字体大小
  propList: ['*'], // 可以从px更改为rem的属性, 通配符*表示启用所有属性
  selectorBlackList: ['.norem'], // 过滤掉.norem开头的class，不进行rem转换
  replace: true, // 替换而不是添加备用属性
  mediaQuery: false, // 允许在媒体查询中转换px
})
module.exports = defineConfig({
  transpileDependencies: true,
  //适配屏幕大小
  css: {
    // 使用css分离插件 ExtractTextPlugin
    extract: true,
    // 开启 CSS source maps
    sourceMap: false,
    // css预设器配置项
    loaderOptions: {
      postcss: {
        postcssOptions:{
          plugins: [
            postcss
          ]
        },
      }
    }
  }
})

